<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>千峰错题系统</title>
		<link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/bootstrap@4.6.0/dist/css/bootstrap.min.css"/>
		<link rel="stylesheet" href="./css/index.css">
		
	</head>
	<body>
		<!-- 顶部通栏 -->
		<div class="container-fluid qf-top">
			<div class="container">
				<div class="float-left">千峰教育-做有情怀、有良心、有品质的职业教育机构</div>
				<div class="float-right d-sm-none d-md-block">
					<span>400-811-9000</span>
					<span>加入收藏</span>
					<button class="btn btn-primary btn-sm">领取全套视频</button>
				</div>
			</div>
		</div>
		<!-- logo -->
		<div class="qf-logo container">
			<div class="row">
				<div class="logo col-md-3">
					<img src="./img/1.png" alt="">
				</div>
				<div class="dropdown area col-md-3">
					<button class="btn btn-default dropdown-toggle" type="button" id="dropdownMenuButton" data-toggle="dropdown" aria-expanded="false">
					  <span class="all">北京（总部）</span>
					  <br>
					  <span class="toggle">校区切换</span>
					</button>
					<div class="dropdown-menu" aria-labelledby="dropdownMenuButton">
					  <a class="dropdown-item" href="#">深圳</a>
					  <a class="dropdown-item" href="#">广州</a>
					  <a class="dropdown-item" href="#">合肥</a>
					</div>
				  </div>
				  <div class="col-md-6">
					  <img src="./img/2.png" alt="">
				  </div>

			</div>
		</div>
<!-- 添加错题按钮 -->
<div class="container">
	<button type="button" class="btn btn-primary" data-toggle="modal" data-target="#exampleModal">
		添加错题
	  </button>
</div>
<p></p>
<!-- 错题弹框 -->
<div class="modal fade" id="exampleModal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
	<div class="modal-dialog">
	  <div class="modal-content">
		<div class="modal-header">
		  <h5 class="modal-title" id="exampleModalLabel">请填写错题信息</h5>
		  <button type="button" class="close" data-dismiss="modal" aria-label="Close">
			<span aria-hidden="true">&times;</span>
		  </button>
		</div>
		<div class="modal-body">
		  <form>
			  <div>
				  <label for="title">错题内容</label>
				  <input type="text" class="form-control" id="title">
			  </div>
			  <div>
				<label for="detail">纠正</label>
				<input type="text" class="form-control" id="detail">
			</div>
			<div>
				<label for="idea">总结</label>
				<input type="text" class="form-control" id="idea">
			</div>
		  </form>
		</div>
		<div class="modal-footer">
		  <button type="button" class="btn btn-secondary" data-dismiss="modal">取消</button>
		  <button type="button" class="btn btn-primary" id="submit">提交</button>
		</div>
	  </div>
	</div>
  </div>

		<!-- 错题展示表格 -->
		<table class="table container text-center">
			<thead>
			  <tr class="table-primary">
				<th scope="col">错题编号-ID</th>
				<th scope="col">错题内容-TITLE</th>
				<th scope="col">纠正-DETAIL</th>
				<th scope="col">总结-IDEA</th>
				<th scope="col">操作</th>
			  </tr>
			</thead>
			<tbody>
				
			 
			
			</tbody>
		  </table>
		  <p></p>
		  <!-- 分页器 -->
		  <nav aria-label="Page navigation example" id="page">
			
		  </nav>



		
	<script src="https://cdn.jsdelivr.net/npm/jquery@3.5.1/dist/jquery.slim.min.js"></script>
	<script src="https://cdn.jsdelivr.net/npm/bootstrap@4.6.0/dist/js/bootstrap.bundle.min.js"></script>
	<script src="./js/index.js"></script>
	
	</body>
</html>
